<template>
    <div class="empty-container" v-show="emptyFav">
        <div style="display: flex;flex-direction: column;align-items: center;">
            <img style="width: 80px;height: 80px;margin-bottom: 20px;" src="../../assets/imgs/icon/empty 1.png" alt="">
            <p style="font-size: 16px; color: #fff;font-weight: 400;line-height: 100%;">Nothing here…</p>
        </div>
    </div>
</template>

<script setup>
import { ref } from 'vue'
const emptyFav = ref(true)

</script>

<style lang="scss" scoped>
.empty-container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
</style>